﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BuscarUsuario.aspx.cs" Inherits="Pages_BuscarUsuario" MasterPageFile="~/Pages/MasterPage.master" %>

<asp:Content ID="contHead" runat="server" ContentPlaceHolderID="cphHead">
    <link href="../css/Buscar.css" rel="stylesheet" type="text/css" />
    <script src="../js/Funciones.js" type="text/javascript"></script>
</asp:Content>

<asp:Content ID="contBody" runat="server" ContentPlaceHolderID="cphContenido">
    <div class="container_12">

        <script type="text/javascript">
            function GetUsuariosNoSeguidos() {
                var UsuarioId = '<%=Session["IdUsuario"]%>';
                var parametros = "{" +
                                    "'idUsuario':'" + UsuarioId + "'," +
                                    "'DatosUsuario':'" + $('#edtDatosUsuario').val() + "'," +
                                    "'BuscarArtistas':'" + $('#chkArtista').is(':checked') + "'," +
                                    "'BuscarEspectadores':'" + $('#chkEspectador').is(':checked') + "'" +
                                    "}";

                LlamarWebService("../Servicios/Usuario.asmx/GetUsuariosNoSeguidos", parametros, MostrarUsuariosNoSeguidos, FuncionFallo);
            }

            $(document).ready(function () {
                $(document).keypress(function (e) {
                    if (e.keyCode == 13) {
                        GetUsuariosNoSeguidos();
                    }
                });

            });

            function MostrarUsuariosNoSeguidos(Usuarios) {
                $("#Resultados").empty();
                $.each(Usuarios, function (index, usuario) {
                    $('<div id=Usuario"' + usuario.IdUsuarioNoSeguido + '" class="alpha">' +
                          '<div class="grid_5"><a href="VerUsuario.aspx?idUsuario=' + usuario.IdUsuarioNoSeguido + '">' + usuario.NombreApellido + '</a></div>' +
                          '<div class="grid_3">' + usuario.TipoUsuario + '</div>' +
                          '<div class="grid_1">' +
                            '<input class ="butoon recuadro butoonSeguir" type="button" value="Seguir" onclick="NewContacto(<%=Session["IdUsuario"]%>, ' + usuario.IdUsuarioNoSeguido + ')"/>' +
                          '</div>' +
                      '</div>').appendTo('#Resultados');
                });
                return false;
            }
        </script>

	    <div class="grid_12 separacion"></div>
		<div id="Filtros" class="alpha grid_11 ContenidoPagina">
            <div id="CabeceraFiltros" class="alpha grid_5 omega"><b>Filtros</b> - Ingrese uno o más criterios de búsqueda</div>
            <div id="Opciones" class="alpha grid_6">
                <button onclick="Mostrar();return false;"><img src="../Images/Icons/IconoMaximizar.png" alt=""/></button>
                <button onclick="Ocultar();return false;"><img src="../Images/Icons/IconoClose.png" alt=""/></button>  
            </div>
            <div class="clear"></div>
            <div class="Linea"></div>
            <div class="grid_12 separacion"></div>
            <div id="TodosFiltros" class="alpha grid_11 omega">
			    <div class="TituloFiltro grid_3 alpha omega">Nombre / Apellido / Mail:</div>
			    <div class="alpha grid_5"><input class="recuadro" type="text" id="edtDatosUsuario" /></div>
                <br /><br />
                <div class="TituloFiltro grid_3 alpha omega">Tipo de usuario:</div>
			    <div class="alpha grid_4">
			        <input type="checkbox" class="CheckCategoria" value="1" id="chkEspectador" />Espectador&nbsp;&nbsp;
			        <input type="checkbox" class="CheckCategoria" value="2" id="chkArtista" />&nbsp;&nbsp;Artista
                </div>               			
			    <div id="BotonBuscar" class="alpha omega grid_1"><input id="btnBuscar" class ="butoon recuadro" type="button" value="Buscar" onclick="GetUsuariosNoSeguidos()" /></div>
            </div>
        </div>
        <div class="grid_12 separacion"></div>
		<div id="Resultados" class="alpha grid_11 ContenidoPagina omega">
            
        </div>        
	</div>    
</asp:Content>
